<script setup lang="ts">
import { ref } from 'vue'
import Header from './components/Header.vue'
import RecordSetting from './components/RecordSetting.vue'
const recordFlag = ref(false)
// const redordSeeting = () => {
  
// }
const fullRecord = () => {
  window.api.sendMain('strat-screen-record')
  // recordFlag.value = !recordFlag.value
}
</script>

<template>
  <div class="full-screen main">
    <Header />
    <div v-if="!recordFlag" class="content">
      <img src="./img/fullscreen.png" class="full-record" width="60" alt="" @click="fullRecord" />
    </div>
    <RecordSetting v-if="recordFlag">11111</RecordSetting>
  </div>
</template>
<style scoped>
.main {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1;
  background-color: #1a1b20;
  padding: 60px 100px;
  box-sizing: border-box;
}
.content img {
  cursor: pointer;
}
</style>
